<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <!--
         事件简单学习:
            功能:某些组件被执行了某些操作后,触发某些代码的执行

            如何绑定事件:
                    1.直接在html标签上,指定事件的属性(操作),属性值就是JS代码
                        比如:单击事件 onclick
                    2.通过js获取元素对象,指定事件属性,设置一个函数

        -->
        <img id="light" src="off.png"  onclick="fun()">
        <img id="light2" src="off.png" >

        <script>
            function fun() {
                alert("我被点了")
                alert("我又被点了")
            }
            function fun2() {
                alert("咋老点我?")
            }

            var light2 = document.getElementById("light2");
            light2.onclick=fun2;

        </script>


    </body>
</html>